<%-- 
    Document   : register
    Created on : 07 15, 12, 1:37:38 PM
    Author     : Patrick
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>




<div id="registerpane" style="border:15px solid #006666;background-color:#009999;width:425px;float:left;padding:20px;">
<form name="RegistrationForm" action="javascript:submitRegistration();" method="post" >
		<font size="5px" color="white">Register</font><br><br>
                
        	<font face="Arial" size="3px" color="white">
            
            Username:<br>
            <input id="username" type="text">
            
            <input type="button" name="check" value="Check" onclick="javascript:checkUsernameAvailability()" />
            <font color="red"><div id="checkuseravailabilityerror"></div></font>
    
            Password:<br>
            <input id="password" type="password"><br>
            <hr width="160px" align="left" color="#006666">       
            First Name:<br>
            <input id="firstname" type="text"><br>
            Last Name:<br>
            <input id="lastname" type="text"><br>
            
            Address:<br>
            <input id="address" type="text" sytle="width:300px;"><br>
            
            Birthday:<br>
            
                <select id="Month">
                    <option value="nomonth">Month:</option>
                    <option value="1">January</option>
                    <option value="2">February</option>
                    <option value="3">March</option>
                    <option value="4">April</option>
                    <option value="5">May</option>
                    <option value="6">June</option>
                    <option value="7">July</option>
                    <option value="8">August</option>
                    <option value="9">September</option>
                    <option value="10">October</option>
                    <option value="11">November</option>
                    <option value="12">December</option>
                </select>
                    
                <select id="Day">
                    <option value="noday">Day:</option>
                    <%
                    int birthday_i;
                       
                    for(birthday_i=1;birthday_i<=31;birthday_i++){
                    %>
                    <option value="<%=birthday_i%>"><%=birthday_i%></option>                        
                    <%
                    }
                      
                    %>
                </select>
                    
                <select id="Year">
                    <option value="noyear">Year:</option>
                    <%
                    int birthyear_i;
                      
                    for(birthyear_i=2000;birthyear_i>=1900;birthyear_i--){
                    %>
                    <option value="<%=birthyear_i%>"><%=birthyear_i%></option>                        
                    <%
                    }
                        
                    %>
                </select>
                <br>
                Gender:<br>
                
                &nbsp&nbsp<input type="radio" name="gender" value="M" /> Male
                &nbsp<input type="radio" name="gender" value="F" /> Female
                
                <br>
                Email Address:<br>
                <input type="email" id="email"/>
                
                <br><br>
                <input id="terms" type="checkbox"/> I agree to the <a href="#"> terms and conditions.</a>
                <input name="submitregister" onclick="javascript:registerconfirm()" type="submit" value="Register" style=" font-family:'Trebuchet MS';padding:5px; width: 100%;"/>
                <div id="registerindicator" style="width:100%; text-align: center; padding: 5px;">
                                        
                </div>
                
            	
            	                   
            	
            
        
	    </font>
        
</form>
       
</div>